<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>banner</title>
</head>
<body>
  <div class="banner default">
    <div class="banner-wrapper">
      <div class="banner-item"><img src = "./static/images/banner1.jpg" width = "100%"></div>
      <div class="banner-item"><img src = "./static/images/banner2.jpg" width = "100%"></div>
      <div class="banner-item"><img src = "./static/images/banner3.jpg" width = "100%"></div>
      <div class="banner-item"><img src = "./static/images/banner4.jpg" width = "100%"></div>
      <div class="banner-item"><img src = "./static/images/banner5.jpg" width = "100%"></div>
      <div class="banner-item"><img src = "./static/images/banner6.jpg" width = "100%"></div>
    </div>
  </div>
</body>
<script>
  // default
  new Banner(".default", {
    mousewheel: false,
    itemSpacing: 30
  });
</script>
</html>